<template>
	<view class="content">
		<view style="width: 100%;display: flex;flex-wrap: wrap;">
			<view class="yewubgcolor" :style="{'background':index == indexvalue? 'linear-gradient(to bottom, #488293, #10252c);':'linear-gradient(to bottom, #6DC4DF, #489FBD);' }" v-for="(item,index) in tagListOne" @tap="toyewuvalue(index,item)">{{item}}</view>
			<view style="width: 22%;text-align: center;margin-top: 20rpx;color: #ffffff;background: linear-gradient(to bottom, #6DC4DF, #489FBD);margin-left: 20rpx;height: 80rpx;border-radius: 10rpx;line-height: 80rpx;" @tap="allyewu()">全部</view>
			<!-- tagList:标签数组 @click:点击标签事件 自动携带数据 rowNum:显示行数1 color:文字颜色 bgColor:背景颜色 -->
			<!-- <cc-defineTag :tagList="tagListOne" rowNum="4" @click="goTagClick" bgColor="#F6F6F6"
				color="green"></cc-defineTag> -->
		
		</view>
		<view style="margin-top: 40rpx; margin-left: 18rpx;color: red;">
			修改业务请联系管理员修改！
		</view>
		<view class="one" v-if="yewunum == '短T' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">短T</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 50M及以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 0-1天审核期</view>
				<view>4) 混盘业务</view>
			</view>
			<!-- <view style="background-color: #EBEEFD;display: flex;margin-top: 20rpx;height: 100rpx;border-radius: 20rpx 20rpx 0rpx 0rpx;">
				<view style="width: 20%;line-height: 100rpx;text-align: center;">大区</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">省份</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">电信</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">联通</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">移动</view>
			</view> -->
			<!-- <view style="display: flex;height: 100rpx;">
				<view style="width: 20%;line-height: 100rpx;text-align: center;">华南</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">广东</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">有</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">有</view>
				<view style="width: 20%;line-height: 100rpx;text-align: center;">有</view>
			</view> -->
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toduant()">上机要求</view>
				<!-- <view style="width: 300rpx;height: 80rpx;background-color: #395AF5;color: white;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 60rpx;">部署业务</view> -->
			</view>
		</view>
		<view class="one" v-if="yewunum == 'Z2' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">Z2</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 50M及以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 需支持域名调度，重刷系统</view>
				<view>4) 固态盘业务</view>
				<view>5) 预计起量时间1-2天</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toz2()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '短Z' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">短Z</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 数据盘的大小、品牌型号尽量保持一致，跑量提升20-30%(磁盘大小不一，跑量会降低)</view>
				<view>2) 50M以上</view>
				<view>3) 非路由器拨号</view>
				<view>4) 审核期0-1天</view>
				<view>5) 固态盘业务，1G带宽配置1T硬盘</view>
				<view>6) 支持nat4+ipv6</view>	
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toduanz()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '直播E' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">直播E</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 100M及以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 当天部署当天起量</view>
				<view>4) 固态盘业务</view>
				<view>5) 支持nat4+ipv6</view>	
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="tozhiboe()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '小T' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">小T</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 30M以上</view>
				<view>2) 利用率六成</view>
				<view>3) 专业设备优先调度，如工控机</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toxiaot()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '短B' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">短B</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 100M及以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 当天部署当天起量</view>
				<view>4) 固态盘业务</view>
				<view>5) 支持nat4+ipv6</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toduanb()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '短D' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">短D</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 数据盘的大小、品牌型号尽量保持一致，跑量提升20-30%(磁盘大小不一，跑量会降低)</view>
				<view>2) 单线路35M以上，单机500M以上</view>
				<view>3) 非路由器拨号</view>
				<view>4) 审核期0-1天</view>
				<view>5) 固态盘业务，1G带宽配置1T硬盘</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toduand()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '小D' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">小D</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 单机不小于0.5G;</view>
				<view>2) 单线路30m及以上(推荐单条100m以上)</view>
				<view>3) cpu建议一个线路对应一个线程,100M带宽至少需要1个线程</view>
				<view>4) 只支持nat1和nat0资源</view>
				<view>5) 磁盘:磁盘必须满足可用容量:带宽=2:1,否则会有线路老无法利用</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toxiaod()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '短A' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">短A</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 100M以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 部署后，T+1 起量</view>
				<view>4) 固态盘业务</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toduana()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '小A' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">小A</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 30M以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 当天部署当天起量</view>
				<view>4) 固态盘业务</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toxiaoa()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '精品X' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">精品X</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 100M及以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 当天部署当天起量</view>
				<view>4) 混盘业务</view>
				<view>5) 支持ipv6</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="tojingpinx()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '短X' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">短X</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 100M及以上</view>
				<view>2) 非路由器拨号</view>
				<view>3) 混盘业务</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="toduanx()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '长B' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">长B</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 50M以上</view>
				<view>2) 路由器拨号</view>
				<view>3) 支持ipv6</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="tochangb()">上机要求</view>
			</view>
		</view>
		<view class="one" v-if="yewunum == '长W' || yewunum == 100">
			<view style="text-align: center;padding: 20rpx 0rpx;">长W</view>
			<view style="background-color: #EBEEFD;padding: 20rpx;border-radius: 10rpx;">
				<view>1) 20M及以上</view>
				<view>2) 支持路由器一对一拨号</view>
				<view>3) 5-7天缓存期</view>
				<view>4) 机械盘业务</view>
			</view>
			<view style="display: flex;margin-top: 40rpx;">
				<view style="border: 2rpx solid #BEC5CC;width: 300rpx;height: 80rpx;text-align: center;line-height: 80rpx;border-radius: 20rpx;margin-left: 170rpx;" @tap="tochangw()">上机要求</view>
			</view>
		</view>
	</view>
</template>

<i v-for="(item,index) in attribute1List" :key="index" @click="activeClick1(index);" :class="{'bgcolor':index == attr1Index}" >{{item.name}}</i>

<script>
	export default {
	
	        data() {
	            return {
	                title: 'Hello',
	                tagListOne: [],
					yewunum:'100',
					indexvalue:'100'
	            }
	        },
	        onLoad() {
				this.togetyewu()
	        },
	        methods: {
				togetyewu(){
					uni.showLoading({
						title:'加载中'
					})
					this.$api.interfaceApi('toyewu')({
						nodeId:this.eid,
						//sys:App.globalData.sys
					}).then(res=>{
						uni.hideLoading()
						this.tagListOne = res.data.task
					})
				},
				
				toyewuvalue(e,yewuname){
					this.indexvalue = e
					this.yewunum = yewuname
					console.log(this.yewunum)
				},
				
				allyewu(){
					this.indexvalue = 100
					this.yewunum = 100
				},
				
				//业务帮助中心跳转
				toduant(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"duant"
					})
				},
				
				toz2(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"z2"
					})
				},
				
				toduanz(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"duanz"
					})
				},
				
				toduand(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"duand"
					})
				},
				
				toduanb(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"duanb"
					})
				},
				
				tozhiboe(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"zhiboe"
					})
				},
				
				toxiaot(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"xiaot"
					})
				},
				
				toduana(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"duana"
					})
				},
				
				toxiaod(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"xiaod"
					})
				},
				
				toxiaoa(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"xiaoa"
					})
				},
				
				tojingpinx(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"jingpinx"
					})
				},
				
				toduanx(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"duanx"
					})
				},
				
				tochangw(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"changw"
					})
				},
				
				tochangb(){
					uni.navigateTo({
						url:"/pages/equipment/servetext?yewuvalue="+"changb"
					})
				},
	        }
	    }
</script>

<style lang="less">
	.content {
		background-color: #f1f1f1;
		//background-size: 100%;
		min-height: 1600rpx;
		padding: 30rpx;
		box-sizing: border-box;
		//height: 100%;
		
		.yewucolor {
			background: linear-gradient(to bottom, #488293, #10252c);
		}
		
		.yewubgcolor {
		   width: 22%;
		   text-align: center;
		   margin-top: 20rpx;
		   color: #ffffff;
		   margin-left: 20rpx;
		   height: 80rpx;
		   border-radius: 10rpx;
		   line-height: 80rpx;
		}
		
		.one {
			background-color: #FFFFFF;
			border-radius: 20rpx;
			padding: 20rpx;
			box-sizing: border-box;
			margin-bottom: 40rpx;
			margin-top: 20rpx;
		
			.one-info {
				display: flex;
				justify-content: space-between;
				border-bottom: 1rpx solid #f1f1f1;
				padding: 20rpx;
				box-sizing: border-box;
			}
		}
	}
		
</style>